<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<link rel="shortcut icon" href="index.ico"/>
<script src="js/jquery.js"></script>
<body background="img/323429.jpg">
<div>
	<textarea style="width: 50%;height: 450;background-color: transparent;float:left; resize:none" id="text" ></textarea>
	<textarea style="width: 49%;height: 450px;background-color: transparent; resize:none " id="result" readonly="true"></textarea></br>
</div>
<span id="count"></span></br>
正则表达式：<input id="regexp" type="text" style="width: 600;height: 30;background-color: transparent;"/></br>
<input type="button" id="draw" value="提取"/>
<input type="button" id="distinct" value="去重">
<table style="font-size: large;border: dashed;" border="1">
	<tr>
		<td>\\</td>
		<td>表示反斜杠（\）</td>
		<td>\w</td>
		<td>表示字母、数字、下划线</td>
	</tr>
	<tr>
		<td>\t</td>
		<td>表示制表符</td>
		<td>\W</td>
		<td>表示非字母、数字、下划线</td>
	</tr>
	<tr>
		<td>\n</td>
		<td>表示换行符</td>
		<td>\s</td>
		<td>表示所有空白符（换行、空格等）</td>
	</tr>
	<tr>
		<td>[abc]</td>
		<td>字符a、b、c</td>
		<td>\S</td>
		<td>表示所有非空白字符</td>
	</tr>
	<tr>
		<td>[^abc]</td>
		<td>表示出了a、b、c之外的任意字符</td>
		<td>^</td>
		<td>行的开头</td>
	</tr>
	<tr>
		<td>[a-zA-Z0-9]</td>
		<td>表示数字、字母组成</td>
		<td>$</td>
		<td>行的结尾</td>
	</tr>
	<tr>
		<td>\d</td>
		<td>表示数字</td>
		<td>.</td>
		<td>匹配除换行符之外的任意字符</td>
	</tr>
	<tr>
		<td>\D</td>
		<td>表示非数字</td>
		<td></td>
		<td></td>
	</tr>
</table></br>
<table style="font-size: large;border: dashed;" border="1">
	<tr>
		<td>X</td>
		<td>必须出现一次</td>
		<td>X{n}</td>
		<td>必须出现n次</td>
	</tr>
	<tr>
		<td>X?</td>
		<td>可以出现0次或1次</td>
		<td>X{n,}</td>
		<td>必须出现n次以上</td>
	</tr>
	<tr>
		<td>X*</td>
		<td>任意次</td>
		<td>X{n,m}</td>
		<td>必须出现n~m次</td>
	</tr>
	<tr>
		<td>X+</td>
		<td>可以出现1次或多次</td>
		<td></td>
		<td></td>
	</tr>
</table>
</body>
<script>
$('#draw').on('click',function(){
	$('#result').empty();
	var inStr = $('#text').val();
	var reg;
	if($('#regexp').val()){
		reg = new RegExp($('#regexp').val(),'g');
	}
	var result='';
	var count=0;
	var str;
	if(inStr&&reg){
		while ((str=reg.exec(inStr))!= null){
			result+=str+'\n';
			count++;
		}
	}
	$('#result').val(result);
	$('#count').text("count:"+count);
})
$("#distinct").on('click',function(){
	var result = $('#result').val();
	var array = result.split('\n');
	array.sort();
	var resultSet = new Set(array);
	var output='';
	var count=resultSet.size-1;
	for (str of resultSet) {
		output+=str+'\n';
	}
	$('#result').val(output);
	$('#count').text("count:"+count);
})

</script>